<!doctype html>
<html>
  <head>
    <title>Stylizr</title>
    <style>
      body {
        font-family: sans-serif;
      }

      label {
        display: block;
      }

      textarea {
        font-family: monospace;
      }

      .message {
        height: 20px;
        background: #eee;
        padding: 5px;
      }
    </style>
  </head>

  <body>
    <div class="message"></div>
    <h3>Stylizr Instructions</h3>

    <ol>
      <li>Write CSS in this textarea and save</li>
      <li>Navigate to some page</li>
      <li>Click the browser action icon <img src="icon.png" /></li>
      <li>Hey presto! CSS is injected!</li>
    </ol>

    <textarea
      name="style_url"
      id="style_url"
      cols="80"
      rows="24"
      placeholder="eg: * { font-size: 110%; }"
    ></textarea>

    <br />
    <button class="submit">Save</button>
    <button class="reset">Reset</button>

    <script src="options.js"></script>
  </body>
</html>
